<%--
  Created by IntelliJ IDEA.
  User: Trialiet
  Date: 2016/8/30
  Time: 14:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" %>
<html>
<head>
    <meta charset="UTF-8">
    <script src="js/jquery-3.1.0.js"></script>
    <script src="js/menu_js.js"></script>
    <title>点菜界面</title>
</head>
<jsp:include page="frame/header.jsp"/>
<body style="padding: 50px">
<div class="container">
    <div class="row">
        <div class="col-md-7">
            <h3 align="center">菜单</h3>
            <table id="menu" align="center" class="table table-hover">
                <thead align="center">
                <tr align="center">
                    <th align="center">名称</th>
                    <th align="center">单价</th>
                    <th align="center">堂食</th>
                    <th align="center">外卖</th>
                </tr>
                </thead>
            </table>
            <button class="btn btn-primary" onclick="testajax()" value="TestButton">Test</button>
            <input type="date" id="testdate"/>
            <button class="btn btn-primary" onclick="datet()" value="TestButton">Date</button>
        </div>
        <div class="col-md-5">
            <h3 align="center">购物车</h3>
            <table class="table" align="center">
                <thead>
                <tr>
                    <th>名称</th>
                    <th>数量</th>
                    <th>类型</th>
                    <th>价格</th>
                </tr>
                </thead>
                <tbody id="cart">
                </tbody>
            </table>
                <div style="margin-top: 10px; margin-bottom: 10px">
                <label>应收</label>
                <span id="need">0</span>
                </div>
                <div style="margin-top: 10px; margin-bottom: 10px">
                <label>收银</label>
                <input type="text" id="receive" onkeyup="zhaoling()" style="width:100px; ime-mode:disabled"><span id="zhaoling" style="margin-left: 10px;
                color: red; "></span>
                </div>
                <div class="form-group">
                    <label>支付方式</label>
                    <select class="form-control">
                        <option>现金</option>
                        <option>支付宝</option>
                        <option>微信</option>
                    </select>
                </div>
                <div class="btn-group" align="center">
                    <button class="btn btn-primary" style="width:75px" onclick="complete()">确认</button>
                    <button class="btn btn-danger" style="width:75px" onclick="cancel()">取消</button>
                </div>
        </div>
    </div>
</div>
</body>
</html>